﻿@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="~Content/assets/css/amazeui.min.css" />
		<link rel="stylesheet" href="~Content/assets/css/style.css" />
	</head>

	<body>

		<!--图片轮播-->
		<div class="am-slider am-slider-default" data-am-flexslider id="demo-slider-0">
			<ul class="am-slides">
				<li><img src="~/Content/img/2156215dd642280420.jpg" /></li>
				<li><img src="~/Content/img/block_picture_1432561948.jpg" /></li>
				<li><img src="~/Content/img/block_picture_1438742730.jpg" /></li>
			</ul>
		</div>
		<!--图片轮播end-->
		<div class="main">
			<div class="am-g">
				<!--左边的内容区-->
				<div class="am-u-sm-12 am-u-md-8">
					<div class="am-box-video">
						<div class="am-video-title">
							<h1 style="bore">推荐课程优惠包</h1><a href="#" class="am-vidow-r">更多>></a></div>
						<hr style="margin-top: -20px;" />
						<div class="am-g" style="margin-left: 0;">
							<div class="am-u-sm-12" id="main-border">
								<div class="am-u-sm-4">
									<a href="###" data-am-popover="{theme:'warning',content: '视频总长度，和显示时间', trigger: 'hover'}">
										<div class="am-thumbnail">
											<img src="~/Content/img/bw-2014-06-19.jpg" alt="" />
										</div>
									</a>
								</div>
								<div class="am-u-sm-8">
									<div class="am-thumbnail-caption">
										<h3>图片标题</h3>
										<p>...</p>
									</div>
								</div>
							</div>

							<div class="am-u-sm-12" id="main-border">
								<div class="am-u-sm-4">
									<a href="###" data-am-popover="{theme:'warning',content: '视频总长度，和显示时间', trigger: 'hover'}">
										<div class="am-thumbnail">
											<img src="~/Content/img/bw-2014-06-19.jpg" alt="" />
										</div>
									</a>
								</div>
								<div class="am-u-sm-8">
									<div class="am-thumbnail-caption">
										<h3>图片标题</h3>
										<p>...</p>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="am-box-video">
						<div class="am-video-title">
							<h1>推介课程</h1><a href="#" class="am-vidow-r">更多>></a></div>
						<hr />
						<div class="am-g">
							<div class="am-u-sm-4">
								<a href="###" data-am-popover="{theme:'warning',content: '视频总长度，和显示时间', trigger: 'hover'}">
									<div class="am-thumbnail">
										<img src="~/Content/img/bw-2014-06-19.jpg" alt="" />
										<div class="am-thumbnail-caption">
											<h3>图片标题</h3>
											<p>...</p>

										</div>
									</div>
								</a>
							</div>

							<div class="am-u-sm-4">
								<div class="am-thumbnail">
									<img src="~/Content/img/bw-2014-06-19.jpg" alt="" />
									<div class="am-thumbnail-caption">
										<h3>图片标题</h3>
										<p>...</p>

									</div>
								</div>
							</div>

							<div class="am-u-sm-4">
								<div class="am-thumbnail">
									<img src="~/Content/img/bw-2014-06-19.jpg" alt="" />
									<div class="am-thumbnail-caption">
										<h3>图片标题</h3>
										<p>...</p>

									</div>
								</div>
							</div>

							<div class="am-u-sm-4">
								<div class="am-thumbnail">
									<img src="~/Content/img/bw-2014-06-19.jpg" alt="" />
									<div class="am-thumbnail-caption">
										<h3>图片标题</h3>
										<p>...</p>

									</div>
								</div>
							</div>

							<div class="am-u-sm-4">
								<div class="am-thumbnail">
									<img src="~/Content/img/bw-2014-06-19.jpg" alt="" />
									<div class="am-thumbnail-caption">
										<h3>图片标题</h3>
										<p>...</p>

									</div>
								</div>
							</div>

							<div class="am-u-sm-4">
								<div class="am-thumbnail">
									<img src="~/Content/img/bw-2014-06-19.jpg" alt="" />
									<div class="am-thumbnail-caption">
										<h3>图片标题</h3>
										<p>...</p>

									</div>
								</div>
							</div>
						</div>
					</div>

					<div class="am-box-video">
						<div class="am-video-title">
							<h1>热门课程</h1><a href="#" class="am-vidow-r">更多>></a></div>
						<hr />
						<div class="am-g">
							<div class="am-u-sm-4">
								<div class="am-thumbnail">
									<img src="~/Content/img/bw-2014-06-19.jpg" alt="" />
									<div class="am-thumbnail-caption">
										<h3>图片标题</h3>
										<p>...</p>

									</div>
								</div>
							</div>

							<div class="am-u-sm-4">
								<div class="am-thumbnail">
									<img src="~/Content/img/bw-2014-06-19.jpg" alt="" />
									<div class="am-thumbnail-caption">
										<h3>图片标题</h3>
										<p>...</p>

									</div>
								</div>
							</div>

							<div class="am-u-sm-4">
								<div class="am-thumbnail">
									<img src="~/Content/img/bw-2014-06-19.jpg" alt="" />
									<div class="am-thumbnail-caption">
										<h3>图片标题</h3>
										<p>...</p>

									</div>
								</div>
							</div>

							<div class="am-u-sm-4">
								<div class="am-thumbnail">
									<img src="~/Content/img/bw-2014-06-19.jpg" alt="" />
									<div class="am-thumbnail-caption">
										<h3>图片标题</h3>
										<p>...</p>

									</div>
								</div>
							</div>

							<div class="am-u-sm-4">
								<div class="am-thumbnail">
									<img src="~/Content/img/bw-2014-06-19.jpg" alt="" />
									<div class="am-thumbnail-caption">
										<h3>图片标题</h3>
										<p>...</p>

									</div>
								</div>
							</div>

							<div class="am-u-sm-4">
								<div class="am-thumbnail">
									<img src="~/Content/img/bw-2014-06-19.jpg" alt="" />
									<div class="am-thumbnail-caption">
										<h3>图片标题</h3>
										<p>...</p>

									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!--左边内容去 end-->
				<div class="am-u-sm-12 am-u-md-4"></div>
			</div>
			<!--Main end-->
			<hr />
			<div class="footer am-container">
				<div class="footer_intro l">
					<div class="footer_link">
						<ul>
							<li><a href="http://www.imooc.com/" target="_blank">网站首页</a></li>
							<li><a href="/about/job" target="_blank">人才招聘</a></li>
							<li> <a href="/about/contact" target="_blank">联系我们</a></li>
							<li><a href="http://daxue.imooc.com/" target="_blank">高校联盟</a></li>
							<li><a href="/about/us" target="_blank">关于我们</a></li>
							<li> <a href="/about/recruit" target="_blank">讲师招募</a></li>
							<li> <a href="/user/feedback" target="_blank">意见反馈</a></li>
							<li> <a href="/about/friendly" target="_blank">友情链接</a></li>
						</ul>
					</div>
					<div class="clr"></div>
					<p>Copyright © 2015 imooc.com All Rights Reserved | 京ICP备 13046642号-2</p>
				</div>
			</div>
	</body>

</html>
<script type="text/javascript" src="~Content/assets/lib/assets/js/jquery.min.js"></script>
<script type="text/javascript" src="~Content/assets/lib/assets/js/amazeui.min.js"></script>
